<!DOCTYPE html>
<html>
<head>
<title>基本选择器</title>
<script src="js/jquery-3.6.0.min.js" type ="text/javascript"></script>
</head>

    <body>
        <div id="idDiv">DOM对象与JQuery对象的相互转换</div>
        <div class="classDiv">jquery对象不能直接使用DOM对象的方法</div>
        <div class="classDiv">但可以通过jQuery对象转换成DOM对象后再调用其方法</div>
        <span class="classSpan">基本选择器是jQuery中最常用的选择器</span>
        <script type="text/javascript">
            $(function(e){
                $("#idDiv").css("color","blue");
                $(".Classdiv").css("background-color","#dddddd");
                $(".span").css("backgrond-color","gray").css("color","white");
                $(".*").css("font-size","20px");
                $("#idDiv,.classSpan").css("font-style","italic");

            });
        
        </script>
    </body>

</html>